<!--平键连接校核计算-->

<template>
  <div class="cal-all" style="overflow-x: auto;overflow-x: auto">
    <!--        top-->
    <div class="cal-top">
      <!--            left最外层-->
      <div class="cal-top-left">
        <!--                标题层-->
        <div class="cal-top-left-title">
          <div class="cal-top-left-title-text">平键强度校核</div>
          <!--                中间层-->
          <div class="cal-top-middld">
            <!--                    标题-->
            <div class="cal-top-middld-title">

              <div class="cal-top-in">
                <!--                        最里面top-->
                <div class="cal-top-in-top">
                  <div class="cal-top-in-top-left">
                    <div class="cal-top-in-top-left-title">
                      <div class="cal-top-in-top-left-title-text">材料参数</div>
                      <div class="cal-top-in-top-left-contend">
                        <div style="display: flex;width: 100%;height: 100%">
                          <ul class="cal-top-in-top-left-contend-ul">
                            <li>
                              <button style="background-color: #D7D7D7;width: 30%;height: 80%;border-radius: 2px" @click="showModal3">!</button>
                              <a-modal v-model="visible3" title="支撑系数核硬件系数选取" @ok="handleOk3">
                                <img src="@/assets/image/image_38_01.png">
                              </a-modal>
                            </li>
                            <li>材料类型</li>
                            <li>屈服强度(MPa)</li>
                            <li>支承系数</li>
                            <li>硬度系数</li>
                          </ul>
                          <ul class="cal-top-in-top-left-contend-ul-1">
                            <li>轴</li>
                            <li>
                              <select v-model="form.pp9" style="boder:0.5px solid;border-color: #aaaaaa;border-radius: 0.5px ;width: 80%;height: 100%">
                                <option value ="1">塑性材料</option>
                                <option value ="2">脆性材料</option>
                              </select>
                            </li>
                            <li><input v-model="form.Re_S"></li>
                            <li><input v-model="form.f_SS"></li>
                            <li><input v-model="form.f_HS"></li>
                          </ul>
                          <ul class="cal-top-in-top-left-contend-ul-1">
                            <li>轮毂</li>
                            <li>
                              <select v-model="form.pp10" style="boder:0.5px solid;border-color: #aaaaaa;border-radius: 0.5px;width: 80%;height: 100%">
                                <option value ="1">塑性材料</option>
                                <option value ="2">脆性材料</option>
                              </select>
                            </li>
                            <li><input v-model="form.Re_H"></li>
                            <li><input v-model="form.f_SH"></li>
                            <li><input v-model="form.f_HH"></li>
                          </ul>
                          <ul class="cal-top-in-top-left-contend-ul-1">
                            <li>平键</li>
                            <li>
                              <select v-model="form.pp11" style="boder:0.5px solid;border-color: #aaaaaa;border-radius: 0.5px;width: 80%;height: 100%">
                                <option value ="1">塑性材料</option>
                                <option value ="2">脆性材料</option>
                              </select>
                            </li>
                            <li><input v-model="form.Re_K"></li>
                            <li><input v-model="form.f_SK"></li>
                            <li><input v-model="form.f_HK"></li>
                          </ul>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="cal-top-in-top-right">
                    <div class="cal-top-in-top-right-title">
                      <div class="cal-top-in-top-right-title-text">载荷参数</div>
                      <div class="cal-top-in-top-right-contend">
                        <div style="width: 100%;height: 100%;display: flex">
                          <ul class="cal-top-in-top-right-contend-ul">
                            <li>名义扭矩</li>
                            <li>最大扭矩</li>
                            <li>最大反转扭矩</li>
                            <li>最小摩擦扭矩</li>
                          </ul>
                          <ul class="cal-top-in-top-right-contend-ul-1">
                            <li><input v-model="form.M_tnenn"></li>
                            <li><input v-model="form.M_tmax"></li>
                            <li><input v-model="form.M_tmaxRuck"></li>
                            <li><input v-model="form.M_tRmin"></li>
                          </ul>
                          <ul class="cal-top-in-top-right-contend-ul">
                            <li>使用系数</li>
                            <li>载荷峰值次数</li>
                            <li>扭矩反转次数</li>
                            <li></li>
                          </ul>
                          <ul class="cal-top-in-top-right-contend-ul-1">
                            <li><input v-model="form.K_A"></li>
                            <li><input v-model="form.N_L"></li>
                            <li><input v-model="form.N_W"></li>
                            <div>
                              <li><button style="background-color: #D7D7D7;width: 40%;height: 100%;border-radius: 2px" @click="showModal1">!</button></li>
                              <a-modal v-model="visible1" title="使用参数" @ok="handleOk1">
                                <img src="@/assets/image/image_38_02.png">
                              </a-modal>
                            </div>
                          </ul>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <!--                        最里面bottom-->
                <div class="cal-top-in-bottom">
                  <div class="cal-top-in-bottom-title">几何参数</div>
                  <div class="cal-top-in-bottom-contend">
                    <div class="cal-top-in-bottom-contend-1">
                      <div style="margin-left: 3%">平键类型</div>
                      <div>
                        <select v-model="form.pp12" style="width: 100%;height: 100%;border-radius: 4px;border: 0.5px solid">
                          <option value="1">圆头型平键</option>
                          <option value="2">直线型平键</option>
                          <option value="3">组合型平键</option>
                        </select>
                      </div>
                      <div>平键个数</div>
                      <div>
                        <select v-model="form.pp14" style="boder:0.5px solid;border-color: #aaaaaa;border-radius: 0.5px;width: 100%;height: 100%;border-radius: 4px;border: 0.5px solid">
                          <option value="1">1</option>
                          <option value="2">2</option>
                        </select>
                      </div>
                      <div style="width: 12%;height: 100%">平键尺寸标准</div>
                      <div>
                        <select v-model="form.pp13" style="width: 100%;height: 100%;border-radius: 4px;boder:0.5px solid;border-color: #aaaaaa;border-radius: 0.5px;">
                          <option value="1">DIN 6885</option>
                          <option value="2">AGMA 9002 & 9003</option>
                        </select>
                      </div>
                      <div v-show="form.pp13 == 2" style="width: 15%">AGMA几何修正系统</div>
                      <div v-show="form.pp13 == 2"><input style="text-align: center;width: 100%;height: 100%" v-model="form.K_G"></div>
                      <div style="text-align: right" v-show="form.pp13 == 2">
                        <button style="background-color: #D7D7D7;width: 40%;height: 100%;border-radius: 2px" @click="showModal2">!</button>
                        <a-modal v-model="visible2" title="使用参数" @ok="handleOk2">
                          <img style="width: 100%;" src="@/assets/image/image_38_02.png">
                        </a-modal>
                      </div>
                    </div>
                    <div class="cal-top-in-bottom-contend-2">
                      <div style="width: 38%;height: 100%;display: flex;">
                        <div style="width: 40%;margin-left: 10%;height: 100%;">平键尺寸(宽高长)</div>
                        <div style="width: 40%;height: 100%;">
                          <select style="width: 100%;height: 100%;border-radius: 4px;boder:0.5px solid;border-color: #aaaaaa;border-radius: 0.5px;">
                            <option>A 50x28x215</option>
                          </select>
                        </div>
                      </div>
                      <div style="width: 42%;height: 100%;display: flex">
                        <div style="width: 50%;height: 100%;text-align: center;margin-left: 5%;display: flex">
                          <input type="checkbox" style="width: 10%;height: 100%;">
                          <div style="width: 90%;height: 100%;text-align: center">手动输入尺寸(宽高长)</div>
                        </div>
                        <div style="width: 50%;height: 100%;">
                          <input v-model="form.b" style="width: 15%;height: 100%;text-align: center;margin-left: 5%">
                          <img src="@/assets/image/image_38_03.png" style="width: 10%;margin-left: 2%;height: 100%">
                          <input v-model="form.h" style="width: 15%;height: 100%;text-align: center;margin-left: 2%">
                          <img src="@/assets/image/image_38_03.png" style="width: 10%;margin-left: 2%;height: 100%">
                          <input v-model="form.l_PF" style="width: 15%;height: 100%;text-align: center;margin-left: 2%">
                        </div>
                      </div>
                      <div style="width: 20%;height: 100%;">
                        <button style="width:100%;height: 100%;border-radius: 2px;border-radius: 2px;background-color: #6dd400;border-radius: 4px;border: 2px #686868;"  @click="showModal4">连接几何示意图</button>
                        <a-modal v-model="visible4" title="平键连接几何示意图" @ok="handleOk4">
                          <img style="width: 100%;height: 100%" src="@/assets/image/image_38_08.png">
                        </a-modal>
                      </div>
                    </div>
                    <div class="cal-top-in-bottom-contend-3">
                      <div style="width: 32%;height: 100%;display: flex">
                        <div style="width: 65%;height: 100%;">
                          <ul class="cal-text-ul-1">
                            <li>轴键槽深（mm）</li>
                            <li>键棱边倒角（mm）</li>
                            <li>载荷作用点间距（mm）</li>
                            <li>轴键槽实际承载长度（mm）</li>
                          </ul>
                        </div>
                        <div style="margin-left: 5%;width: 30%;height: 100%;">
                          <ul class="cal-text-ul-2">
                            <li><input v-model="form.t_1"></li>
                            <li><input v-model="form.r"></li>
                            <li><input v-model="form.a_0"></li>
                            <li><input v-model="form.l_1tr"></li>
                          </ul>
                        </div>
                      </div>
                      <div style="width: 35%;height: 100%;margin-left: 2%;display: flex">
                        <div style="width: 65%;height: 100%">
                          <ul class="cal-text-ul-1">
                            <li>轴键槽棱边倒角（mm）</li>
                            <li>平键斜角边长（mm）</li>
                            <li>阶梯轮毂外圆小径（mm）</li>
                            <li>轮毂外圆大径承载长度（mm）</li>
                          </ul>
                        </div>
                        <div style="margin-left: 5%;width: 30%;height: 100%;">
                          <ul class="cal-text-ul-2">
                            <li><input v-model="form.s_1"></li>
                            <li><input v-model="form.a"></li>
                            <li><input v-model="form.D_1"></li>
                            <li><input v-model="form.c"></li>
                          </ul>
                        </div>
                      </div>
                      <div style="width: 32%;height: 100%;display: flex">
                        <div style="width: 65%;height: 100%">
                          <ul class="cal-text-ul-1">
                            <li>轮毂键槽棱边倒角（mm）</li>
                            <li>配合轴颈（mm）</li>
                            <li>阶梯轮毂外圆大径（mm）</li>
                            <li>毂键槽实际承载长度(mm)</li>
                          </ul>
                        </div>
                        <div style="margin-left: 5%;width: 30%;height: 100%">
                          <ul class="cal-text-ul-2">
                            <li><input v-model="form.s_2"></li>
                            <li><input v-model="form.d"></li>
                            <li><input v-model="form.D_2"></li>
                            <li><input v-model="form.l_2tr"></li>
                          </ul>
                        </div>
                      </div>
                    </div>
                    <div class="cal-top-in-bottom-contend-4">
                      <div style="width: 50%;height: 100%;">
                        <ul style="width: 100%;height: 100%;display: flex">
                          <li style="width: 70%;height: 100%;text-align: right;">轮毂载荷作用点系数(a0/ltr=0.5)</li>
                          <li style="width: 30%;height: 100%;text-align: right"><input v-model="form.K_lamdae1" style="width: 80%;height: 100%;text-align: center"></li>
                        </ul>
                      </div>
                      <div style="width: 40%;height: 100%;margin-left: 8%">
                        <ul style="width: 100%;height: 100%;display: flex">
                          <li style="width: 70%;height: 100%;text-align: right;">轮毂载荷作用点系数(a0/ltr=1)</li>
                          <li style="width: 30%;height: 100%;text-align: right"><input v-model="form.K_lamdae2" style="width: 80%;height: 100%;text-align: center"></li>
                        </ul>
                      </div>
                    </div>
                    <div class="cal-top-in-bottom-contend-5">
                      <div style="width: 15%;height: 100%;margin-left: 2%">
                        <button style="width:100%;height: 100%;border-radius: 2px;background-color: #6dd400;border: 2px #686868;"  @click="showModal5">参数说明</button>
                        <a-modal v-model="visible5" title="相关参数说明" @ok="handleOk5">
                          <img style="width: 100%;height: 100%" src="@/assets/image/image_38_04.png">
                        </a-modal>
                      </div>
                      <div style="width: 45%;height: 100%;display: flex;margin-left: 2%">
                        <table style="width: 100%;height: 100%;display: flex">
                          <tr style="width: 16.5%;height: 100%;">
                            <th style="width: 100%;height: 100%;text-align: right;margin-left: 10%;">a0/ltr</th>
                          </tr>
                          <tr style="width: 16.5%;height: 100%;">
                            <td style="width: 100%;height: 100%;text-align: center;margin-left: 10%;boder:2px soild;border-radius: 2px">{{ans.a0_ltrc}}</td>
                          </tr>
                          <tr style="width: 16.5%;height: 100%;">
                            <th style="width: 100%;height: 100%;text-align: right;margin-left: 10%;">d/D</th>
                          </tr>
                          <tr style="width: 16.5%;height: 100%;">
                            <td style="width: 100%;height: 100%;text-align: center;margin-left: 10%;boder:2px soild;border-radius: 2px">{{ans.Q_A}}</td>
                          </tr>
                          <tr style="width: 16.5%;height: 100%;">
                            <th style="width: 100%;height: 100%;text-align: right;margin-left: 10%;">ltr/d</th>
                          </tr>
                          <tr style="height: 100%;">
                            <td style="width: 100%;text-align: center;height: 100%;margin-left: 10%;boder:2px soild;border-radius: 2px">{{ans.ltrc_d}}</td>
                          </tr>
                        </table>
                      </div>
                      <div style="width: 40%;height: 100%;display: flex">
                        <div style="width:40%;height: 100%;">
                          <button style="width:100%;height: 100%;border-radius: 2px;border-radius: 2px;border-radius: 2px;background-color: #6dd400;border-radius: 4px;border: 2px #686868;" @click="showModal7">K_*e选值</button>
                          <a-modal v-model="visible7" title="轮毂载荷作用点系数" @ok="handleOk7">
                            <img style="width: 100%;height: 100%" src="@/assets/image/image_38_07.png">
                          </a-modal>
                        </div>
                        <div style="width: 59%;height: 100%;margin-left: 1%">
                          <button @click="tclick1" style="text-align: center;width: 100%;height: 100%;border-radius: 2px;border-radius: 2px;border-radius: 2px;background-color: #6dd400;border-radius: 4px;border: 2px #686868;">平键连接校核计算</button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!--            right-->
      <div class="cal-top-right">
        <!--                right最外层-->
        <div class="cal-top-right-title">
          <div class="cal-top-right-title-text"><span> 键槽（轴强度校核）</span></div>
          <div class="cal-top-right-contend">
            <div class="cal-top-right-contend-contend">
              <div style="width: 100%;height: 39%;box-shadow: 1.5px 1.5px 2px #aaaaaa; border: 0.5px solid rgba(231, 231, 231, 0.486); border-radius: 3px;">
                <div style="width: 100%;height: 13%;border-radius: 3px;background-color: #D7D7D7;font-size: 17.5px;padding-left: 3%;font-weight: bolder;margin-top: 0.5%">材料及热处理参数</div>
                <div style="width: 100%;height: 82%;margin-top: 0.5%;">
                  <div style="width: 100%;height: 100%;display: flex">
                    <ul style="width: 24.5%;height: 100%;text-align: right;">
                      <li style="width: 95%;height: 20%;">材料类型</li>
                      <li style="width: 100%;height: 20%"></li>
                      <li style="width: 100%;height: 20%">抗拉强度试棒直径是否为规定值</li>
                      <li style="width: 100%;height: 20%">屈服强度试棒直径是否为规定值</li>
                      <li style="width: 95%;height: 20%;">轴热处理方式</li>
                    </ul>
                    <ul style="width: 10%;height: 100%;margin-left: 1%;">
                      <li style="width: 100%;height: 20%">
                        <select v-model="form1.pp3" style="boder:0.5px solid;border-color: #aaaaaa;border-radius: 0.5px;width: 100%;height: 80%;border-radius: 4px;">
                          <option value="1">氮化钢</option>
                          <option value="2">不退火处理的结构钢</option>
                          <option value="3">退火处理结构钢核Cr-Ni-Mo系表面硬化钢</option>
                          <option value="4">除Cr-Ni-Mo系之外的表面硬化钢</option>
                        </select>
                      </li>
                      <li style="width: 100%;height: 20%"></li>
                      <li style="width: 100%;height: 20%">
                        <select v-model="form1.pp7" style="width: 100%;height: 80%;border-radius: 4px;boder:0.5px solid;border-color: #aaaaaa;">
                          <option value="1">是</option>
                          <option value="2">否</option>
                        </select>
                      </li>
                      <div v-if="form1.pp7 == 2">
                        <a-modal v-model="visible10" title="输入" @ok="handleOk10">
                          <div>
                            <p><span>抗拉强度实际试棒直径(mm)</span></p>
                            <input style="width: 60%;" v-model="ans3.Vd_B_TestRod">
                          </div>
                        </a-modal>
                      </div>
                      <li style="width: 100%;height: 20%">
                        <select v-model="form1.pp8" style="width: 100%;height: 80%;border-radius: 4px;boder:0.5px solid;border-color: #aaaaaa;border-radius: 4px;">
                          <option value="1">是</option>
                          <option value="2">否</option>
                        </select>
                      </li>
                      <div v-if="form1.pp8 == 2">
                        <a-modal v-model="visible11" title="输入" @ok="handleOk11">
                          <div>
                            <p><span>屈服强度实际试棒直径(mm)</span></p>
                            <input style="width: 60%" v-model="ans3.Vd_S_TestRod">
                          </div>
                        </a-modal>
                      </div>
                      <li style="width: 100%;height: 20%">
                        <select v-model="form1.pp4" style="width: 100%;height: 80%;border-radius: 4px;boder:0.5px solid;border-color: #aaaaaa;border-radius: 4px;">
                          <option value="1">做退火或正火处理的轴，无渗碳层的表面硬化处理的轴</option>
                          <option value="2">其他热处理类型</option>
                        </select>
                      </li>
                    </ul>
                    <ul style="width: 20%;height: 100%;text-align: right;">
                      <li style="width: 100%;height: 20%;">拉伸强度规定试棒直径</li>
                      <li style="width: 100%;height: 20%">规定试棒直径的抗拉强度</li>
                      <li style="width: 100%;height: 20%"><span v-show="form1.pp7 == 2">抗拉强度实际试棒直径</span></li>
                      <li style="width: 100%;height: 20%"><span v-show="form1.pp8 == 2">屈服强度实际试棒直径</span></li>
                      <li style="width: 100%;height: 20%;">材料静支撑效应类型</li>
                    </ul>
                    <ul style="width: 10%;height: 100%;margin-left: 1%;text-align: center">
                      <li style="width: 100%;height: 20%;">{{ans1.d_B_TestRod}}</li>
                      <li style="width: 100%;height: 20%"><input style="width: 100%;height: 80%;text-align: center" v-model="form1.sigma_B_dB"></li>
                      <li style="width: 100%;height: 20%"><span v-show="form1.pp7 == 2">{{ans3.Vd_B_TestRod}}</span></li>
                      <li style="width: 100%;height: 20%"><span v-show="form1.pp8 == 2">{{ans3.Vd_S_TestRod}}</span></li>
                      <li style="width: 100%;height: 20%">
                        <select v-model="form1.pp6" style="width: 100%;height: 70%;border-radius: 4px;border-radius: 4px;boder:0.5px solid;border-color: #aaaaaa;border-radius: 4px;">
                          <option value="1">无硬边界层</option>
                          <option value="2">有硬边界层</option>
                        </select>
                      </li>
                    </ul>
                    <ul style="width: 22%;height: 100%;text-align: right;">
                      <li style="width: 100%;height: 20%;">服强度规定试棒直径（mm）</li>
                      <li style="width: 100%;height: 20%">规定试棒直径的屈服强度</li>
                      <li style="width: 100%;height: 20%"><span v-show="form1.pp7 == 2">试棒实际直径下的抗拉强度</span></li>
                      <li style="width: 100%;height: 20%"><span v-show="form1.pp8 == 2">试棒实际直径下的屈服强度</span></li>
                      <li style="width: 100%;height: 20%;">载荷工况种类</li>
                    </ul>
                    <ul style="width: 10%;height: 100%;margin-left: 1%;">
                      <li style="width: 100%;height: 20%;text-align: center">{{ans1.d_S_TestRod}}</li>
                      <li style="width: 100%;height: 20%"><input style="width: 100%;height: 80%;text-align: center" v-model="form1.sigma_S_dB"></li>
                      <li style="width: 100%;height: 20%"><span v-show="form1.pp7 == 2">{{ans3.Vsigma_Bd}}</span></li>
                      <li style="width: 100%;height: 20%"><span v-show="form1.pp8 == 2">{{ans3.Vsigma_Sd}}</span></li>
                      <li style="width: 100%;height: 20%">
                        <select v-model="form1.pp5" style="width: 100%;height: 70%;border-radius: 4px;border-radius: 4px;boder:0.5px solid;border-color: #aaaaaa;border-radius: 4px;">
                          <option value="1">当量平均应力值为常数的工况</option>
                          <option value="2">当量平均应力值与应力辐值之比为常数的工况</option>
                        </select>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
              <div style="margin-top: 1%;width: 100%;height: 34%;box-shadow: 1.5px 1.5px 2px #aaaaaa; border: 0.5px solid rgba(231, 231, 231, 0.486); border-radius: 3px;">
                <div class="cal-top-right-contend-contend-middle-title" style="margin-top: 0.2%">载荷参数</div>
                <div style="width: 100%;height: 82%;display: flex;margin-top: 1%">
                  <ul style="width: 22%;height: 100%;text-align: right;">
                    <li style="width: 100%;height: 25%;">是否手动输入最大载荷</li>
                    <li style="width: 100%;height: 25%;">轴向力幅值(N)</li>
                    <li style="width: 100%;height: 25%">轴向力平均值(N)</li>
                    <li style="width: 100%;height: 25%;" v-show="form1.pp1 == 1">轴向力最大值(N)</li>
                  </ul>
                  <ul style="width: 8%;height: 100%;margin-left:1%">
                    <li style="width: 100%;height: 25%">
                      <select v-model="form1.pp1" style="width: 100%;height: 90%;border-radius: 4px;border-radius: 4px;boder:0.5px solid;border-color: #aaaaaa;border-radius: 4px;">
                        <option value="1">是</option>
                        <option value="2">否</option>
                      </select>
                    </li>
                    <li style="width: 100%;height: 25%;"><input style="text-align: center;width: 100%;height: 80%" v-model="form1.F_zd_a"></li>
                    <li style="width: 100%;height: 25%;"><input style="text-align: center;width: 100%;height: 80%" v-model="form1.F_zd_m"></li>
                    <li style="width: 100%;height: 25%;"><input style="text-align: center;width: 100%;height: 80%" v-model="form1.loadmax3" v-show="form1.pp1==1"></li>
                  </ul>
                  <ul style="width: 22%;height: 100%;text-align: right;">
                    <li style="width: 100%;height: 25%;"></li>
                    <li style="width: 100%;height: 25%;">弯曲幅值(Nm)</li>
                    <li style="width: 100%;height: 25%;">弯曲平均值(Nm)</li>
                    <li style="width: 100%;height: 25%;" v-show="form1.pp1==1">弯曲最大值(Nm)</li>
                  </ul>
                  <ul style="width: 8%;height: 100%;text-align: center;;margin-left: 1%">
                    <li style="width: 100%;height: 25%"></li>
                    <li style="width: 100%;height: 25%"><input style="text-align: center;width: 100%;height: 80%" v-model="form1.M_b_a"></li>
                    <li style="width: 100%;height: 25%"><input style="text-align: center;width: 100%;height: 80%" v-model="form1.M_b_m"></li>
                    <li style="width: 100%;height: 25%"><input style="text-align: center;width: 100%;height: 80%" v-model="form1.loadmax4" v-show="form1.pp1==1"></li>
                  </ul>
                  <ul style="width: 22%;height: 100%;text-align: right;">
                    <li style="width: 100%;height: 25%;"></li>
                    <li style="width: 100%;height: 25%">扭矩幅值(Nm)</li>
                    <li style="width: 100%;height: 25%;">扭矩平均值(Nm)</li>
                    <li style="width: 100%;height: 25%;" v-show="form1.pp1==1">扭矩最大值(Nm)</li>
                  </ul>
                  <ul style="width: 8%;height: 100%;text-align: center;margin-left: 1%">
                    <li style="width: 100%;height: 25%;"></li>
                    <li style="width: 100%;height: 25%;"><input style="text-align: center;width: 100%;height: 80%" v-model="form1.T_t_a"></li>
                    <li style="width: 100%;height: 25%;"><input style="text-align: center;width: 100%;height: 80%" v-model="form1.T_t_m"></li>
                    <li style="width: 100%;height: 25%;"><input style="text-align: center;width: 100%;height: 80%" v-model="form1.loadmax5" v-show="form1.pp1==1"></li>
                  </ul>
                </div>
              </div>
              <div style="margin-top: 1%;width: 100%;height: 25%;box-shadow: 1.5px 1.5px 2px #aaaaaa; border: 0.5px solid rgba(231, 231, 231, 0.486); border-radius: 3px;">
                <div class="cal-top-right-contend-contend-bottom-title">形状参数</div>
                <div style="width: 100%;height: 75%;display: flex;margin-top: 1%">
                  <ul style="width: 20%;height: 100%;margin-top: 0.5%;">
                    <li style="width: 100%;height: 50%;display: flex;">
                                            <span style="width: 35%;margin-left: 3%;height: 50%">
                                                <button style="width:100%;height: 100%;border-radius: 2px"  @click="showModal8">！</button>
                                                <a-modal v-model="visible8" title="平键连接缺口类型图" @ok="handleOk8">
                                                    <img style="width: 100%;height: 100%" src="@/assets/image/image_38_05.png">
                                                </a-modal>
                                            </span>
                      <span style="width: 45%;height: 50%;margin-left: 10%">缺口类型</span>
                    </li>
                    <li style="width: 100%;margin-top: 0.5%;height: 50%;text-align: right">热处理有效直径deff</li>
                  </ul>
                  <ul style="margin-top: 0.5%;width: 10%;height: 100%;margin-left: 1%">
                    <li style="width: 100%;height: 50%">
                      <select v-model="form1.pp2" style="width: 100%;height: 50%">
                        <option value="1">带平键的轴毂连接型缺口轴</option>
                      </select>
                    </li>
                    <li style="width: 100%;height: 49.5%;margin-top: 0.5%"><input v-model="form1.deff" style="width: 100%;height :50%;text-align: center"></li>
                  </ul>
                  <ul style="width: 20%;height: 100%;">
                    <li style="width: 100%;height: 50%;text-align: right">零件缺口截面直径d(mm)</li>
                    <li style="width: 100%;margin-top: 0.5%;height: 50%;text-align: right">零件缺口截面内孔直径di</li>
                  </ul>
                  <ul style="width: 10%;height: 100%;margin-left: 1%;">
                    <li style="width: 100%;height: 49.5%;margin-top: 0.5%"><input v-model="form1.d" style="width: 100%;height :50%;text-align: center"></li>
                    <li style="width: 100%;height: 49.5%;margin-top: 0.5%"><input v-model="form1.di" style="width: 100%;height :50%;text-align: center"></li>
                  </ul>
                  <ul style="width: 20%;height: 100%;text-align: right;">
                    <li style="width: 100%;height: 50%;text-align: right">表面硬化影响系数Kv</li>
                    <li style="width: 100%;margin-top: 0.5%;height: 50%;text-align: right">轴毂连接平键槽个数</li>
                  </ul>
                  <ul style="width: 15%;height: 100%;margin-left: 1%;">
                    <li style="width: 90%;height: 49.5%;margin-top: 0.5%;display: flex">
                      <span style="width: 50%;height :50%;"><input v-model="form1.K_v" style="width: 100%;height :100%;text-align: center"></span>
                      <span style="width:40%;height: 50%;margin-left: 10%;margin-top: 0.5%">
                                                <button style="width:100%;height: 100%;border-radius: 2px"  @click="showModal9">！</button>
                                            <a-modal v-model="visible9" title="表面硬化影响系数参考表" @ok="handleOk9">
                                                <img style="width: 100%;height: 100%" src="@/assets/image/image_38_06.png">
                                            </a-modal>
                                            </span>
                    </li>
                    <li style="width: 50%;height: 49.5%;margin-top: 0.5%"><input v-model="form1.Keynum" style="width: 100%;height :50%;text-align: center"></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>

      </div>
    </div>
    <!--        bottom-->
    <div class="cal-bottom">
      <!--            left-->
      <div class="cal-bottom-left">
        <div class="cal-bottom-left-top">
          <div class="cal-bottom-left-top-title">方法B校核结果</div>
          <div class="cal-bottom-left-top-contend" style="display: flex">
            <ul style="width: 25%;height: 100%;text-align: right;">
              <li style="width: 100%;height: 16%">轴键槽疲劳安全系数</li>
              <li style="width: 100%;height: 16%">毂键槽疲劳安全系数</li>
              <li style="width: 100%;height: 16%">平键疲劳安全系数</li>
              <li style="width: 100%;height: 16%">轴键槽计算最大表面压应力(MPa)</li>
              <li style="width: 100%;height: 16%">毂键槽计算最大表面压应力(MPa)</li>
              <li style="width: 100%;height: 16%">平键计算最大表面压应力(MPa)</li>
            </ul>
            <ul style="width: 10%;height: 100%;margin-left: 0.5%;">
              <li style="width: 100%;height: 16%;">{{ans.S_1eqS}}</li>
              <li style="width: 100%;height: 16%;">{{ans.S_2eqH}}</li>
              <li style="width: 100%;height: 16%;">{{ans.S_KeqK}}</li>
              <li style="width: 100%;height: 16%;">{{ans.p_1max}}</li>
              <li style="width: 100%;height: 16%;">{{ans.p_2max}}</li>
              <li style="width: 100%;height: 16%;">{{ans.p_3max}}</li>
            </ul>
            <ul style="width: 25%;height: 100%;text-align: right;margin-left: 1%">
              <li style="width: 100%;height: 16%;">轴键槽静强度安全系数</li>
              <li style="width: 100%;height: 16%;">毂键槽静强度安全系数</li>
              <li style="width: 100%;height: 16%;">平键静强度安全系数</li>
              <li style="width: 100%;height: 16%;">轴键槽允许当量表面压应力(MPa)</li>
              <li style="width: 100%;height: 16%;">毂键槽允许当量表面压应力(MPa)</li>
              <li style="width: 100%;height: 16%;">平键允许当量表面压应力(MPa)</li>
            </ul>
            <ul style="width: 9.5%;height: 100%;margin-left: 0.5%;">
              <li style="width: 100%;height: 16%;">{{ans.S_1maxS}}</li>
              <li style="width: 100%;height: 16%;">{{ans.S_2maxH}}</li>
              <li style="width: 100%;height: 16%;">{{ans.S_KmaxK}}</li>
              <li style="width: 100%;height: 16%;">{{ans.p_1eqzulS}}</li>
              <li style="width: 100%;height: 16%;">{{ans.p_2eqzulH}}</li>
              <li style="width: 100%;height: 16%;">{{ans.p_KeqzulK}}</li>
            </ul>
            <ul style="width: 25%;height: 100%;text-align: right;margin-left: 1%">
              <li style="width: 100%;height: 16%;">轴键槽计算当量表面压应力（MPa)</li>
              <li style="width: 100%;height: 16%;">毂键槽计算当量表面压应力（MPa)</li>
              <li style="width: 100%;height: 16%;">平键计算当量表面压应力(MPa)</li>
              <li style="width: 100%;height: 16%;">轴键槽允许最大表面压应力(MPa)</li>
              <li style="width: 100%;height: 16%;">毂键槽允许最大表面压应力(MPa)</li>
              <li style="width: 100%;height: 16%;">平键允许最大表面压应力(MPa)</li>
            </ul>
            <ul style="width: 9.5%;height: 100%;margin-left: 0.5%;">
              <li style="width: 100%;height: 16%;">{{ans.p_1eq}}</li>
              <li style="width: 100%;height: 16%;">{{ans.p_2eq}}</li>
              <li style="width: 100%;height: 16%;">{{ans.p_3eq}}</li>
              <li style="width: 100%;height: 16%;">{{ans.p_1maxzulS}}</li>
              <li style="width: 100%;height: 16%;">{{ans.p_2maxzulH}}</li>
              <li style="width: 100%;height: 16%;">{{ans.p_KmaxzulK}}</li>
            </ul>
          </div>
        </div>
        <div class="cal-bottom-left-bottom-1">
          <div style="width: 100%;height: 22%;font-size: 17.5px;background-color: #D7D7D7;border-radius: 3px;padding-left: 3%;font-weight: bolder;">方法C校核结果</div>
          <div style="display: flex;width: 100%;height: 40%">
            <ul style="width: 30%;height: 100%;text-align: right">
              <li style="width: 100%;height: 49.5%;margin-top: 0.1%;">允许当量传递扭矩(Nm)</li>
              <li style="width: 100%;height: 49.5%;margin-top: 0.1%;">允许最大传递扭矩(Nm)</li>
            </ul>
            <ul style="width: 20%;height: 100%;text-align: right;">
              <li style="width: 100%;height: 49.5%;text-align: left;margin-top: 0.5%;margin-left: 1%">{{ans.M_tzulc}}</li>
              <li style="width: 100%;height: 49.5%;text-align: left;margin-top: 0.5%;margin-left: 1%">{{ans.M_tmaxc}}</li>
            </ul>
            <ul style="width: 30%;height: 100%;text-align: right">
              <li style="width: 100%;height: 49.5%;margin-top: 0.1%;">计算当量传递扭矩(Nm)</li>
              <li style="width: 100%;height: 49.5%;margin-top: 0.1%;">计算最大传递扭矩(Nm)</li>
            </ul>
            <ul style="width: 20%;height: 100%;text-align: right;">
              <li style="width: 100%;height: 49.5%;text-align: left;margin-top: 0.5%;margin-left: 1%">{{ans.M_teq}}</li>
              <li style="width: 100%;height: 49.5%;text-align: left;margin-top: 0.5%;margin-left: 1%">{{ans.M_tmax}}</li>
            </ul>
          </div>
          <div style="width: 100%;height: 40%;display: flex">
            <ul style="width: 20%;height: 100%;">
              <li style="width: 100%;height: 49.5%;margin-top: 0.5%;text-align: right;">校核结论</li>
              <li style="width: 100%;height: 49.5%;margin-top: 0.5%;"></li>
            </ul>
            <ul style="width: 70%;height: 100%;">
              <li style="width: 99%;height: 49.5%;margin-top: 0.5%;margin-left: 2%;">{{ans.conclusion[0]}}</li>
              <li style="width: 99%;height: 49.5%;margin-left: 2%;">{{ans.conclusion[1]}}</li>
            </ul>
          </div>
        </div>
      </div>
      <!--            right-->
      <div style="width: 44.8%;height: 80%; box-shadow: 1.5px 1.5px 2px #aaaaaa;border: 0.5px solid rgba(231, 231, 231, 0.486);border-radius: 3px;">
        <div style="width: 25%;height: 10%;margin-left: 10%">
          <button @click="tclick2" style="width: 100%;height: 100%;text-align: center;border-radius: 4px;border: 2px;background-color: #6dd400;">键(槽)轴校核计算</button>
        </div>
        <div style="display: flex;width: 98%;height: 89%;margin-top: 1%;margin-left: 1%">
          <ul style="width: 35%;height: 100%;text-align: right;">
            <li style="width: 100%;height: 9.5%;margin-top: 0.5%;">疲劳强度安全系数</li>
            <li style="width: 100%;height: 9.5%;margin-top: 0.5%;">静强度安全系数</li>
            <li style="width: 100%;height: 9.5%;margin-top: 0.5%;">轴向力作用下的总影响系数</li>
            <li style="width: 100%;height: 9.5%;margin-top: 0.5%;">弯曲作用下的总影响系数</li>
            <li style="width: 100%;height: 9.5%;margin-top: 0.5%;">剪切作用下的总影响系数</li>
            <li style="width: 100%;height: 9.5%;margin-top: 0.5%;">零件缺口在轴向力作用下的疲劳缺口系数</li>
            <li style="width: 100%;height: 9.5%;margin-top: 0.5%;">零件缺口在弯曲作用下的疲劳缺口系数</li>
            <li style="width: 100%;height: 9.5%;margin-top: 0.5%;">零件缺口在剪切作用下的疲劳缺口系数</li>
          </ul>
          <ul style="width: 14%;height: 100%;text-align: center;">
            <li style=":width: 100%;height: 9.5%;margin-top: 0.5%;margin-left: 1%">{{ans1.S_fatigue}}</li>
            <li style="width: 99%;height: 10%;margin-left: 1%">{{ans1.S_static}}</li>
            <li style="width: 99%;height: 10%;margin-left: 1%">{{ans1.K_sigma_zd}}</li>
            <li style="width: 99%;height: 10%;margin-left: 1%">{{ans1.K_sigma_b}}</li>
            <li style="width: 99%;height: 10%;margin-left: 1%">{{ans1.K_tao}}</li>
            <li style="width: 99%;height: 10%;margin-left: 1%">{{ans1.belta_sigma_zd}}</li>
            <li style="width: 99%;height: 10%;margin-left: 1%">{{ans1.belta_sigma_b}}</li>
            <li style="width: 99%;height: 10%;margin-left: 1%">{{ans1.belta_tao}}</li>
          </ul>
          <ul style="width: 35%;height: 100%;text-align: right;margin-left: 1%">
            <li style="width: 100%;height: 10%;">疲劳强度安全系数裕度</li>
            <li style="width: 100%;height: 9.5%;margin-top: 0.5%;">静强度安全系数裕度</li>
            <li style="width: 100%;height: 9.5%;margin-top: 0.5%;">轴向力作用下的循环疲劳强度(MPa)</li>
            <li style="width: 100%;height: 9.5%;margin-top: 0.5%;">弯曲作用下的循环疲劳强度(MPa)</li>
            <li style="width: 100%;height: 9.5%;margin-top: 0.5%;">剪切作用下的循环疲劳强度(MPa)</li>
            <li style="width: 100%;height: 9.5%;margin-top: 0.5%;">零件在轴向力作用下的屈服极限(MPa)</li>
            <li style="width: 100%;height: 9.5%;margin-top: 0.5%;">零件在弯曲作用下的屈服极限(MPa)</li>
            <li style="width: 100%;height: 9.5%;margin-top: 0.5%;">零件在剪切作用下的屈服极限(MPa)</li>
          </ul>
          <ul style="width: 15%;height: 100%;text-align: center;">
            <li style="width: 99%;height: 10%;margin-left: 1%">{{ans1.S_fatigue_R}}</li>
            <li style="width: 99%;height: 10%;margin-left: 1%">{{ans1.S_static_R}}</li>
            <li style="width: 99%;height: 10%;margin-left: 1%">{{ans1.sigma_zd_WK}}</li>
            <li style="width: 99%;height: 10%;margin-left: 1%">{{ans1.sigma_b_WK}}</li>
            <li style="width: 99%;height: 10%;margin-left: 1%">{{ans1.tao_t_WK}}</li>
            <li style="width: 99%;height: 10%;margin-left: 1%">{{ans1.sigma_zd_FK}}</li>
            <li style="width: 99%;height: 10%;margin-left: 1%">{{ans1.sigma_b_FK}}</li>
            <li style="width: 99%;height: 10%;margin-left: 1%">{{ans1.tao_t_FK}}</li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import {Calculation_Paraller_Key1} from "@/api/file";
import {Calculation_Parallel_Key2} from "@/api/file";

export default {
  created() {
    document.title = '平键强度校核'
  },
  name: "Calculation_Paraller_Key",
  data() {
    return {

      visible1: false,
      visible2: false,
      visible3: false,
      visible4: false,
      visible5: false,
      visible7: false,
      visible8: false,
      visible9: false,
      visible10: true,
      visible11: true,
      params_19: {
        type1:1,
        type2:1,
        type3:1,
        type4:1,
      },
      ans:{
        a0_ltrc:"text",
        Q_A:"text",
        ltrc_d:"text",
        S_1eqS:"text",
        S_2eqH:"text",
        S_KeqK:"text",
        S_1maxS:"text",
        S_2maxH:"text",
        S_KmaxK:"text",
        p_1eq:"text",
        p_2eq:"text",
        p_3eq:"text",
        p_1max:"text",
        p_2max:"text",
        p_3max:"text",
        p_1eqzulS:"text",
        p_2eqzulH:"text",
        p_KeqzulK:"text",
        p_1maxzulS:"text",
        p_2maxzulH:"text",
        p_KmaxzulK:"text",
        M_tzulc:"text",
        M_teq:"text",
        M_tmaxc:"text",
        M_tmax:"text",
        conclusion:"",
      },
      ans1:{
        d_B_TestRod:"text",
        d_S_TestRod:"text",
        S_fatigue:"text",
        S_fatigue_R:"text",
        S_static:"text",
        S_static_R:"text",
        K_sigma_zd:"text",
        K_sigma_b:"text",
        K_tao:"text",
        sigma_zd_WK:"text",
        sigma_b_WK:"text",
        tao_t_WK:"text",
        sigma_zd_FK:"text",
        sigma_b_FK:"text",
        tao_t_FK:"text",
        belta_sigma_zd:"text",
        belta_sigma_b:"text",
        belta_tao:"text",

      },
      form:{
        M_tnenn:35000,//名义扭矩(N.m)（35000）,
        K_A:1.75,//使用系数（1.75）
        M_tmax:120000,//最大扭矩(N.m)（120000）
        M_tmaxRuck:0,//最大反转扭矩(N.m)（0）
        d:210,//配合轴径(mm)（210）
        b:50,//平键尺寸宽（50）
        h:28,//平键尺寸高（28）
        l_PF:215,//平键尺寸长（215）
        t_1:17,//轴键槽深(mm)（17）
        K_lamdae1:1.07,// :轮毂载荷作用点系数(a0/ltr=0.5)（1.07）
        K_lamdae2:1.07,//轮毂载荷作用点系数(a0/ltr=0.5)（1.07）
        M_tRmin:58343, //最小摩擦扭矩(N.m)（58343）
        a:0,//平键斜角边长(mm)（0）
        c:163,//轮毂外圆大径承载长度(mm)（163）
        f_SH:1.5,//轮毂支撑系数（1.5）
        f_SS:1.3,//轴支撑系数（1.3）
        f_SK:1.1,//平键支撑系数（1.1）
        f_HH:1,//轮毂硬度系数（1）
        f_HS:1,//轴硬度系数（1）
        f_HK:1,//平键硬度系数（1）
        Re_H:685,//轮毂屈服强度（685）
        Re_S:310,//轴屈服强度（310）
        Re_K:370,//平键屈服强度（370）
        r:1.1,//键棱边倒角(mm)（1.1）

        s_1:0,//轴键槽棱边倒角(mm)（0）
        s_2:0.8,//轮毂键槽棱边倒角(mm)（0.8）
        N_L:10000,//载荷峰值次数（10000）
        N_W:0,//扭矩反转次数（0）
        l_1tr:165,//轴键槽实际承载长度(mm)（165）
        l_2tr:163,//毂键槽实际承载长度(mm)（163）
        D_1:569.5,//阶梯轮毂外圆小径(mm)（569.5）
        D_2:569.5,//阶梯轮毂外圆大径(mm)（569.5）
        a_0:84.5,//载荷作用点间距(mm)（84.5）
        K_G:0.75,//AGMA几何修正系数（0.75）
        pp9:1,//轴材料类型  1-塑性材料，2-硬性材料
        pp10:1,//轮毂材料类型 1-塑性材料，2-硬性材料
        pp11:1,//平键材料类型 1-塑性材料，2-硬性材料
        pp12:1,//平键类型 1-圆头型平键 2-直边型平键 3-组合型平键
        pp13:1,//平键尺寸标准 1-DIN6885 2-AGMA9002&9003
        pp14:1,//平键个数 1-1个 2-2个
      },
      ans3:{
        Vd_B_TestRod:"",
        Vd_S_TestRod:"",
        Vsigma_Bd:"text",
        Vsigma_Sd:"text",
      },

      form1:{
        pp7:1,
        pp8:1,
        F_zd_a : 0,//轴向力幅值 (N)  （0）
        F_zd_m : 0,//轴向力平均值 (N)（0）
        M_b_a : 1200,//弯曲幅值 (Nm)（1200）
        M_b_m : 0,//弯曲平均值 (Nm)（0）
        T_t_a : 0,//扭矩幅值 (Nm)  （0）
        T_t_m : 3000,//扭矩平均值 (Nm)  （3000）
        Keynum : 1,//轴毂连接平键槽个数（1）
        d: 50,//零件缺口截面直径 d (mm)   （50）
        di : 0,//零件缺口截面内孔直径 di (mm)  （0）
        K_v : 1,//表面硬化影响系数 Kv（1）
        sigma_B_dB : 1100,//规定试棒直径的抗拉强度 (MPa)  （1100）
        sigma_S_dB : 900,//规定试棒直径的屈服强度 (MPa)  （900）
        loadmax3 : 2500,//轴向力最大值 (N)（2500）
        loadmax4 : 8000,//弯曲最大值 (Nm)  （8000）
        loadmax5 : 3000,//扭矩最大值(Nm)（3000）
        pp1 : 1,//是否手动输入最大载荷 1-是 0-否
        pp2 : 1,//缺口类型 1-带平键的轴毂连接型缺口轴
        pp3 : 1,//材料类型 1-氮化钢 2-不退火处理的结构钢 3-退火处理结构钢和 Cr-Ni-Mo系的表面硬化钢  4-除Cr-Ni-Mo系之外的表面硬化钢
        pp4 : 1,//轴热处理方式  1-做退火或正火处理的轴，无渗碳层的表面硬化处理的轴   2-其他热处理类型
        pp5 : 1,//载荷工况种类 1-当量平均应力值为常数的工况  2-当量平均应力值与应力幅值之比为常数的工况
        pp6 : 1,//材料静支撑效应类型  1-无硬边界层 2-有硬边界层
        deff : 50,//
      },

    };

  },
  methods: {
    showModal1() {
      this.visible1 = true;
    },
    showModal2() {
      this.visible2 = true;
    },
    showModal3() {
      this.visible3 = true;
    },
    showModal4() {
      this.visible4 = true;
    },
    showModal5() {
      this.visible5 = true;
    },
    showModal7() {
      this.visible7 = true;
    },
    showModal8() {
      this.visible8 = true;
    },
    showModal9() {
      this.visible9 = true;
    },


    handleOk1() {
      this.visible1 = false;
    },
    handleOk2() {
      this.visible2 = false;
    },
    handleOk3() {
      this.visible3 = false;
    },
    handleOk4() {
      this.visible4 = false;
    },
    handleOk5() {
      this.visible5 = false;
    },
    handleOk7() {
      this.visible7 = false;
    },
    handleOk8() {
      this.visible8 = false;
    },
    handleOk9() {
      this.visible9 = false;
    },
    handleOk10() {
      this.visible10 = false;
    },
    handleOk11() {
      this.visible11 = false;
    },
    tclick1()
    {
      Calculation_Paraller_Key1(this.form)
          .then(res => {
            console.log(res);
            this.ans.a0_ltrc=res[0];
            this.ans.Q_A=res[1];
            this.ans.ltrc_d=res[2];
            this.ans.S_1eqS=res[3];
            this.ans.S_2eqH=res[4];
            this.ans.S_KeqK=res[5];
            this.ans.S_1maxS=res[6];
            this.ans.S_2maxH=res[7];
            this.ans.S_KmaxK=res[8];
            this.ans.p_1eq=res[9];
            this.ans.p_2eq=res[10];
            this.ans.p_3eq=res[11];
            this.ans.p_1max=res[12];
            this.ans.p_2max=res[13];
            this.ans.p_3max=res[14];
            this.ans.p_1eqzulS=res[15];
            this.ans.p_2eqzulH=res[16];
            this.ans.p_KeqzulK=res[17];
            this.ans.p_1maxzulS=res[18];
            this.ans.p_2maxzulH=res[19];
            this.ans.p_KmaxzulK=res[20];
            this.ans.M_tzulc=res[21];
            this.ans.M_teq=res[22];
            this.ans.M_tmaxc=res[23];
            this.ans.M_tmax=res[24];
            console.log(res[25])
            let str = res[25].split("\\n");
            this.ans.conclusion=str;
            console.log(this.ans.conclusion);

          })
          .catch(err => {
            console.log(err);
          });
    },
    tclick2()
    {
      Calculation_Parallel_Key2(this.form1)
          .then(res1 => {
            console.log(res1);
            this.ans1.d_B_TestRod=res1[0];
            this.ans1.d_S_TestRod=res1[1];
            this.ans1.S_fatigue=res1[2];
            this.ans1.S_fatigue_R=res1[3];
            this.ans1.S_static=res1[4];
            this.ans1.S_static_R=res1[5];
            this.ans1.K_sigma_zd=res1[6];
            this.ans1.K_sigma_b=res1[7];
            this.ans1.K_tao=res1[8];
            this.ans1.sigma_zd_WK=res1[9];
            this.ans1.sigma_b_WK=res1[10];
            this.ans1.tao_t_WK=res1[11];
            this.ans1.sigma_zd_FK=res1[12];
            this.ans1.sigma_b_FK=res1[13];
            this.ans1.tao_t_FK=res1[14];
            this.ans1.belta_sigma_zd=res1[15];
            this.ans1.belta_sigma_b=res1[16];
            this.ans1.belta_tao=res1[17];
          })
          .catch(err => {
            this.$message.error(err);
          });
    },
  },
}
</script>

<style scoped>
.cal-all{
  width: 100%;
  height: 100%;
  /*background-color: #aaaaaa;*/
  margin-top: 0.5%;
}
.cal-top{
  width: 100%;
  height: 80%;
  display: flex;
}
.cal-top-left{
  margin-left: 0.3%;
  height: 100%;
  width: 49.5%;
  /*background-color: steelblue;*/
}
.cal-top-left-title{
  width: 100%;
  height: 100%;
  box-shadow: 1.5px 1.5px 2px #aaaaaa;
  border: 0.5px solid rgba(231, 231, 231, 0.486);
  border-radius: 3px;
}
.cal-top-left-title-text{
  /*font-size: 16px;*/
  /*margin-left: 3%;*/
  width: 100%;
  height: 6%;
  font-size: 17.5px;
  background-color: #D7D7D7;
  border-radius: 3px;
  padding-left: 3%;
  font-weight: bolder;
  /*margin-top: 0.5%;*/
}
.cal-top-middld{
  width: 99%;
  margin-left: 0.5%;
  height: 92.5%;
  margin-top: 0.2%;
  /*background-color: #c1bbbb;*/
  /*box-shadow: 1.5px 1.5px 2px #aaaaaa;*/
  /*border: 0.5px solid rgba(231, 231, 231, 0.486);*/
  border-radius: 3px;
}
.cal-top-middld-title{
  width: 100%;
  height: 100%;
  /*box-shadow: 1.5px 1.5px 2px #aaaaaa;*/
  /*border: 0.5px solid rgba(231, 231, 231, 0.486);*/
  /*border-radius: 3px;*/
}
.cal-top-middld-title-text{
  /*font-size: 16px;*/
  /*margin-left: 3%;*/
  width: 100%;
  height: 6%;
  font-size: 17.5px;
  background-color: #D7D7D7;
  border-radius: 3px;
  padding-left: 3%;
  font-weight: bolder;
  /*margin-top: 0.5%;*/
}
.cal-top-in{
  width: 99%;
  margin-left: 0.5%;
  height: 91%;
  margin-top: 0.2%;
  /*background-color: #c1bbbb;*/
  /*box-shadow: 1.5px 1.5px 2px #aaaaaa;*/
  /*border: 0.5px solid rgba(231, 231, 231, 0.486);*/
  border-radius: 3px;
  /*background-color: indianred;*/
}
.cal-top-in-top{
  width: 100%;
  height: 40%;
  /*background-color: #686868;*/
  display: flex;
}
.cal-top-in-top-left{
  width: 49.8%;
  height: 100%;
  /*background-color: #42b983;*/
}
.cal-top-in-top-left-title{
  width: 100%;
  height: 100%;
  box-shadow: 1.5px 1.5px 2px #aaaaaa;
  border: 0.5px solid rgba(231, 231, 231, 0.486);
  border-radius: 3px;
}
.cal-top-in-top-left-title-text{
  /*font-size: 16px;*/
  /*margin-left: 3%;*/
  width: 100%;
  height: 16%;
  font-size: 17.5px;
  background-color: #D7D7D7;
  border-radius: 3px;
  padding-left: 8%;
  font-weight: bolder;
  /*margin-top: 0.5%;*/
  padding-top: 1%;
}
.cal-top-in-top-left-contend{
  width: 100%;
  height: 82%;
  /*background-color: steelblue;*/
  margin-top: 1%;
}
.cal-top-in-top-left-contend-ul{
  width: 25%;
  height: 100%;
  /*background-color: blueviolet;*/
  text-align: right;
  margin-left: 2%;
}
.cal-top-in-top-left-contend-ul-1{
  width: 25%;
  height: 100%;
  /*background-color: blueviolet;*/
  text-align: center;
  margin-left: 1%;
}
.cal-top-in-top-left-contend-ul li{
  width: 100%;
  height: 20%;
  /*background-color: blueviolet;*/
}
.cal-top-in-top-left-contend-ul-1 input{
  width: 80%;
  height: 90%;
  text-align: center;
}
.cal-top-in-top-left-contend-ul-1 li{
  width: 100%;
  height: 20%;
  /*background-color: red;*/
}
.cal-top-in-top-right{
  width: 49.8%;
  height: 100%;
  /*background-color: green;*/
  margin-left: 0.4%;
}
.cal-top-in-top-right-title{
  width: 100%;
  height: 100%;
  box-shadow: 1.5px 1.5px 2px #aaaaaa;
  border: 0.5px solid rgba(231, 231, 231, 0.486);
  border-radius: 3px;
}
.cal-top-in-top-right-title-text{
  width: 100%;
  height: 16%;
  font-size: 17.5px;
  background-color: #D7D7D7;
  border-radius: 3px;
  padding-left: 5%;
  font-weight: bolder;
  /*margin-top: 0.5%;*/
}
.cal-top-in-top-right-contend{
  width: 100%;
  height: 82%;
  margin-top: 1%;
  /*background-color: #686868;*/
}
.cal-top-in-top-right-contend-ul{
  width: 25%;
  height: 100%;
  /*background-color: #42b983;*/
  margin-left: 2%;
  text-align: right;
}
.cal-top-in-top-right-contend-ul-1{
  width: 20%;
  height: 100%;
  /*background-color: #42b983;*/
  margin-left: 2%;
  text-align: center;
}
.cal-top-in-top-right-contend-ul-1 input{
  width: 90%;
  height: 90%;
  text-align: center;
}
.cal-top-in-top-right-contend li{
  height: 25%;
  width: 100%;
  /*background-color: red;*/
  padding-top: 1%;
}
.cal-top-in-bottom{
  width: 100%;
  height: 65%;
  margin-top: 2%;
  box-shadow: 1.5px 1.5px 2px #aaaaaa;
  border: 0.5px solid rgba(231, 231, 231, 0.486);
  border-radius: 3px;
}
.cal-top-in-bottom-title{
  width: 100%;
  height: 9%;
  font-size: 17.5px;
  background-color: #D7D7D7;
  border-radius: 3px;
  padding-left: 3%;
  font-weight: bolder;
}
.cal-top-in-bottom-contend{
  height: 85%;
  width: 100%;
  margin-top: 1%;
  /*background-color: darkslateblue;*/
}
.cal-top-in-bottom-contend-1{
  width: 100%;
  height: 10%;
  display: flex;
  /*background-color: indigo;*/
}
.cal-top-in-bottom-contend-1 div{
  width: 10%;
  height: 100%;
  /*background-color: red;*/
}
.cal-top-in-bottom-contend-2{
  width: 100%;
  height: 9.4%;
  display: flex;
  margin-top: 0.2%;
  /*background-color: #42b983;*/
}
.cal-top-in-bottom-contend-3{
  width: 100%;
  height: 60%;
  /*background-color: orangered;*/
  display: flex;
}
.cal-text-ul-1{
  width: 100%;
  height: 100%;
}
.cal-text-ul-1 li{
  height: 24%;
  margin-bottom: 1%;
  /*background-color: blueviolet;*/
  text-align: right;
  padding-top: 1%;
}
.cal-text-ul-2{
  width: 100%;
  height: 100%;
}
.cal-text-ul-2 li{
  height: 24%;
  width: 100%;
  /*background-color: blueviolet;*/
  margin-bottom: 1%;
  padding-top: 1%;
}
.cal-text-ul-2 input{
  width: 90%;
  height: 80%;
  text-align: center;
}
.cal-top-in-bottom-contend-4{
  height: 9.8%;
  width: 100%;
  margin-top: 0.1%;
  /*background-color: indianred;*/
  display: flex;
}
.cal-top-in-bottom-contend-5{
  height: 10%;
  width: 100%;
  /*background-color: #42b983;*/
  display: flex;
  margin-top: 1%;
}
.cal-top-right{
  width: 49.5%;
  height: 100%;
  /*background-color: #6DD400;*/
  margin-left: 0.4%;
  margin-right: 0.3%;
}
.cal-top-right-title{
  width: 100%;
  height: 100%;
  box-shadow: 1.5px 1.5px 2px #aaaaaa;
  border: 0.5px solid rgba(231, 231, 231, 0.486);
  border-radius: 3px;
}
.cal-top-right-title-text{
  width: 100%;
  height: 6%;
  font-size: 17.5px;
  background-color: #D7D7D7;
  border-radius: 3px;
  padding-left: 2%;
  font-weight: bolder;
  /*margin-top: 0.5%;*/
}
.cal-top-right-contend{
  width: 98%;
  height: 100%;
}
/*.cal-top-right-contend-title{*/
/*    width: 100%;*/
/*    height: 6%;*/
/*    font-size: 17.5px;*/
/*    background-color: #D7D7D7;*/
/*    border-radius: 3px;*/
/*    padding-left: 3%;*/
/*    font-weight: bolder;*/
/*    margin-top: 0.2%;*/
/*    box-shadow: 1.5px 1.5px 2px #aaaaaa;*/
/*    border: 0.5px solid rgba(231, 231, 231, 0.486);*/
/*    border-radius: 3px;*/
/*}*/
.cal-top-right-contend-contend{
  width: 98%;
  height: 93%;
  /*box-shadow: 1.5px 1.5px 2px #aaaaaa;*/
  /*border: 0.5px solid rgba(231, 231, 231, 0.486);*/
  border-radius: 3px;
  /*background-color: indianred;*/
  margin-left: 1%;
}
.cal-top-right-contend-contend-middle-title{
  width: 100%;
  height: 16%;
  font-size: 17.5px;
  background-color: #D7D7D7;
  border-radius: 3px;
  padding-left: 3%;
  font-weight: bolder;
}
.cal-top-right-contend-contend-bottom-title{
  width: 100%;
  height: 23%;
  font-size: 17.5px;
  background-color: #D7D7D7;
  border-radius: 3px;
  padding-left: 3%;
  font-weight: bolder;
  margin-top: 0.2%;
}

.cal-bottom{
  width: 100%;
  height: 60%;
  /*background-color: #c1bbbb;*/
  display: flex;
  /*box-shadow: 1.5px 1.5px 2px #aaaaaa;*/
  /*border: 0.5px solid rgba(231, 231, 231, 0.486);*/
  border-radius: 3px;
  margin-top: 0.2%;
}
.cal-bottom-left{
  width: 55%;
  height: 80%;
  /*background-color: #42b983;*/
}
.cal-bottom-left-top{
  width: 100%;
  height: 67%;
  box-shadow: 1.5px 1.5px 2px #aaaaaa;
  border: 0.5px solid rgba(231, 231, 231, 0.486);
  border-radius: 3px;
  /*background-color: yellowgreen;*/

}
.cal-bottom-left-bottom-1{
  width: 100%;
  height: 33%;
  /*background-color: #6DD400;*/
  box-shadow: 1.5px 1.5px 2px #aaaaaa;
  border: 0.5px solid rgba(231, 231, 231, 0.486);
  border-radius: 3px;
  margin-top: 0.2%;

}
.cal-bottom-left-top-title{
  width: 100%;
  height: 12%;
  font-size: 17.5px;
  background-color: #D7D7D7;
  border-radius: 3px;
  padding-left: 3%;
  font-weight: bolder;
}
.cal-bottom-left-top-contend{
  width: 100%;
  margin-top: 1%;
  height: 86%;
  /*background-color: darkolivegreen;*/
}

</style>